<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>我的收藏</title>
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/swiper.css">
	<!-- 当前页css -->
	<link rel="stylesheet" href="./css/my-collection.css">

</head>
<body>
	<!-- 父容器 -->
	<div class="container">
		<!-- 顶部头 -->
		<div class="top clearfix">
			<div class="back fl">返回</div>
			<div class="title fl">我的收藏</div>
		</div>
		<!-- 我的收藏内容 -->
		<div class="choose-box">
			<!-- 课程内容 -->
			<div class="content">
					<!--使用swiper实现的轮播图-->
			    <div class="swiper-container">
			      <ul class="swiper-wrapper">
	            <li class="swiper-slide">
	            	<div class="inner-content">
	    						<ul>
										<li>
											<div class="img">
												<!-- 图片 -->
												<img src="" alt="">
												<i class="play"></i>
												<i class="listen"></i>
											</div>

											<div class="desc">
												<p class="title">第15周 班级课程：卓有成效的卓有成效的卓有成效的</p>
												<span class="author">包政</span>
												<span class="learn-count"><span class="learn-percent">78%</span>已学</span>
											</div>
										</li>
									</ul>
              	</div>
              </li>
              <li class="swiper-slide"><div class="inner-content">
	    						<ul>
										<li>
											<div class="img">
												<!-- 图片 -->
												<img src="" alt="">
												<i class="play"></i>
												<i class="listen"></i>
											</div>

											<div class="desc">
												<p class="title">第15周 班级课程：卓有成效的卓有成效的卓有成效的</p>
												<span class="author">包政</span>
												<span class="learn-count"><span class="learn-percent">78%</span>已学</span>
											</div>
										</li>
										<li>
											<div class="img">
												<!-- 图片 -->
												<img src="" alt="">
												<i class="play"></i>
												<i class="listen"></i>
											</div>

											<div class="desc">
												<p class="title">第15周 班级课程：卓有成效的卓有成效的卓有成效的</p>
												<span class="author">包政</span>
												<span class="learn-count"><span class="learn-percent">78%</span>已学</span>
											</div>
										</li>
										<li>
											<div class="img">
												<!-- 图片 -->
												<img src="" alt="">
												<i class="play"></i>
												<i class="listen"></i>
											</div>

											<div class="desc">
												<p class="title">第15周 班级课程：卓有成效的卓有成效的卓有成效的</p>
												<span class="author">包政</span>
												<span class="learn-count"><span class="learn-percent">78%</span>已学</span>
											</div>
										</li>
										<li>
											<div class="img">
												<!-- 图片 -->
												<img src="" alt="">
												<i class="play"></i>
												<i class="listen"></i>
											</div>

											<div class="desc">
												<p class="title">第15周 班级课程：卓有成效的卓有成效的卓有成效的</p>
												<span class="author">包政</span>
												<span class="learn-count"><span class="learn-percent">78%</span>已学</span>
											</div>
										</li>
									</ul>
              	</div></li>
              <li class="swiper-slide"><div class="inner-content">
	    						<ul>
										<li>
											<div class="img">
												<!-- 图片 -->
												<img src="" alt="">
												<i class="play"></i>
												<i class="listen"></i>
											</div>

											<div class="desc">
												<p class="title">第15周 班级课程：卓有成效的卓有成效的卓有成效的</p>
												<span class="author">包政</span>
												<span class="learn-count"><span class="learn-percent">78%</span>已学</span>
											</div>
										</li>
										<li>
											<div class="img">
												<!-- 图片 -->
												<img src="" alt="">
												<i class="play"></i>
												<i class="listen"></i>
											</div>

											<div class="desc">
												<p class="title">第15周 班级课程：卓有成效的卓有成效的卓有成效的</p>
												<span class="author">包政</span>
												<span class="learn-count"><span class="learn-percent">78%</span>已学</span>
											</div>
										</li>
										<li>
											<div class="img">
												<!-- 图片 -->
												<img src="" alt="">
												<i class="play"></i>
												<i class="listen"></i>
											</div>

											<div class="desc">
												<p class="title">第15周 班级课程：卓有成效的卓有成效的卓有成效的</p>
												<span class="author">包政</span>
												<span class="learn-count"><span class="learn-percent">78%</span>已学</span>
											</div>
										</li>
										<li>
											<div class="img">
												<!-- 图片 -->
												<img src="" alt="">
												<i class="play"></i>
												<i class="listen"></i>
											</div>

											<div class="desc">
												<p class="title">第15周 班级课程：卓有成效的卓有成效的卓有成效的</p>
												<span class="author">包政</span>
												<span class="learn-count"><span class="learn-percent">78%</span>已学</span>
											</div>
										</li>
									</ul>
              	</div></li>
              <li class="swiper-slide"><div class="inner-content">
	    						<ul>
										<li>
											<div class="img">
												<!-- 图片 -->
												<img src="" alt="">
												<i class="play"></i>
												<i class="listen"></i>
											</div>

											<div class="desc">
												<p class="title">第15周 班级课程：卓有成效的卓有成效的卓有成效的</p>
												<span class="author">包政</span>
												<span class="learn-count"><span class="learn-percent">78%</span>已学</span>
											</div>
										</li>
										<li>
											<div class="img">
												<!-- 图片 -->
												<img src="" alt="">
												<i class="play"></i>
												<i class="listen"></i>
											</div>

											<div class="desc">
												<p class="title">第15周 班级课程：卓有成效的卓有成效的卓有成效的</p>
												<span class="author">包政</span>
												<span class="learn-count"><span class="learn-percent">78%</span>已学</span>
											</div>
										</li>
										<li>
											<div class="img">
												<!-- 图片 -->
												<img src="" alt="">
												<i class="play"></i>
												<i class="listen"></i>
											</div>

											<div class="desc">
												<p class="title">第15周 班级课程：卓有成效的卓有成效的卓有成效的</p>
												<span class="author">包政</span>
												<span class="learn-count"><span class="learn-percent">78%</span>已学</span>
											</div>
										</li>
										<li>
											<div class="img">
												<!-- 图片 -->
												<img src="" alt="">
												<i class="play"></i>
												<i class="listen"></i>
											</div>

											<div class="desc">
												<p class="title">第15周 班级课程：卓有成效的卓有成效的卓有成效的</p>
												<span class="author">包政</span>
												<span class="learn-count"><span class="learn-percent">78%</span>已学</span>
											</div>
										</li>
									</ul>
              	</div>
              </li>
			      </ul>
			      <!-- 如果需要分页器 -->
			       <div class="swiper-pagination"></div>
			       <!-- 激活边框 -->
			       <i class="active-border"></i>
			    </div>
			    </div>
		</div>
	</div>

	<!-- 移动端适配 -->
	<script src="./js/flexible.js"></script>
	<script src="./js/jquery.js"></script>
	<!-- swiper -->
	<script src="./js/swiper.js"></script>
	<script src="./js/ajax.js"></script>
	<script src="./js/index.js"></script>
	<script src="./js/my-collection.js"></script>
</body>
</html>

